<template>
    <div class="myFri">
        <span @click="jump"></span>
        <p>我的朋友圈</p>
        <img src="../assets/camera.png"/>
    </div>
</template>
<script>

export default ({
    name:'myFri',
    methods:{
        jump(){
            this.$router.go(-1)
        }
    }
})
</script>
<style lang="scss" scoped>
.myFri{
    position: relative;
    height: 60px;
    font-size: 26px;
    background: #fff;
    line-height: 60px;
    box-shadow: 0 0 4px #ddd;
    span{
    cursor: pointer;
    display: block;
    line-height: 60px;
    width: 0;
    height: 0;
    border-top: 9px transparent solid;
    border-bottom: 9px transparent solid;
    border-right: 11px solid #544a4a;
    transform: rotate(0deg);
    position: absolute;
    left: 20px;
    top: 20px;
    }
    img{
    width: 30px;
    height: 30px;
    position: absolute;
    top: 26%;
    right: 5%;
    }
}
p{
    width: 100%;
    text-align: center;
    font-size: 16px;
}

</style>